<%@ include file="../includes/head.jsp" %>

<script src="js/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />

<h1>Formulario acuse recibo</h1>

<form action= "#" method="post" enctype=multipart/form-data>

	<fieldset>
	<legend>Datos obligatorios</legend>
	<label for="numRecibo">Numero de recibo:</label>
	<input type="text" name="numRecibo" placeholder="XXX-XXXXXXX-X" />
	
	</fieldset>
	<fieldset>
	<legend>Ficheros a adjuntar</legend>
		<label for="acuse">Recibo a adjuntar:</label>
		<input type="file" name="acuse" id="acuse">
		<input type="button" id="prev" value="Previsualizar">
		 <!--  href="pdf\prueba.pdf"-->
	</fieldset>
	
	<div id="modal" class="modal">
		
	</div>
	
	<br/>
	<input type="submit" value="Enviar recibo">
	
</form>

<script>

$(document).ready(function() {
	
	$modal = $('#modal');
	$ ('#prev').click( function(){
		alert('no');
		//$modal.removeClass('modal');
		//$modal.addClass('modal_visible');
		
	});
	
	// Apply fancybox to multiple items 
	/*
	$("#prev").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'type'			:	'iframe',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	*/
});

</script>
<%@ include file="../includes/footer.jsp" %>